/* pages/serviceSubmit/serviceSubmit.wxss */
@import "../../template/template.css";

page {
	background-color: #f6f6f6;
}

.container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}



.good {
	width: 690rpx;
	background-color: #fff;
	margin-top: 20rpx;
	padding: 20rpx;
	box-sizing: border-box;
	border-radius: 8rpx;
	display: flex;
}

.good-img {
	width: 160rpx;
	height: 160rpx;
	margin-right: 20rpx;
}

.good-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.good-right-name {
	width: 450rpx;
	color: #333;
	font-size: 28rpx;
}

.good-right-sku {
	color: #999;
	font-size: 24rpx;
	line-height: 60rpx;
}

.good-right-price {
	color: #ff3d3d;
	font-size: 24rpx;
}

/*  */

.reason {
	width: 690rpx;
	background-color: #fff;
	margin-top: 20rpx;
	box-sizing: border-box;
	border-radius: 8rpx;
	display: flex;
	flex-direction: column;
}

.reason-title {
	color: #333;
	font-size: 28rpx;
	line-height: 76rpx;
	padding-left: 20rpx;
	border-bottom: 1px solid #eee;
	box-sizing: border-box;
}

.reason-txt {
	padding: 10rpx 30rpx;
	height: 200rpx;
	width: 100%;
	box-sizing: border-box;
}

.placeholderclass {
	color: #999;
	font-size: 24rpx;
	padding: 10rpx 0 0 30rpx;
}

.photo {
	width: 690rpx;
	background-color: #fff;
	margin-top: 20rpx;
	box-sizing: border-box;
	border-radius: 8rpx;
	display: flex;
	flex-direction: column;
	padding: 20rpx;
}

.photo-title {
	border: none;
	padding-left: 0;
}

.btn {
	width: 690rpx;
	height: 90rpx;
	color: #fff;
	background: linear-gradient(90deg, rgba(255, 148, 138, 1), rgba(255, 92, 109, 1));
	border-radius: 45px;
	line-height: 90rpx;
	text-align: center;
	margin: 0 auto;
	position: fixed;
	bottom: 20rpx;
}

/* address-wrap */

.address-wrap {
	width: 92%;
	border-radius: 8rpx;
	margin-top: 20rpx;
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 20rpx;
}

.addressImg {
	width: 60rpx;
	height: 60rpx;
	display: flex;
	align-items: center;
	margin-right: 20rpx;
}

.addressImg>image {
	width: 60rpx;
	height: 100%;
}

.address {
	padding: 20rpx;
	box-sizing: border-box;
}

/* uoload-img */

.uoload-wrap {
	display: flex;
}

.uoload-img {
	width: 130rpx;
	height: 130rpx;
	margin-right: 20rpx;
}

.reason-photo {
	width: 130rpx;
	height: 130rpx;
	border: 2rpx #666 dotted;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.reason-photo-img {
	width: 40rpx;
	height: 32rpx;
}

.reason-photo-text {
	font-size: 20rpx;
	color: #999;
	line-height: 50rpx;
}
